<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>iLEADER</title>
  <link rel="stylesheet" href="../dist/lib/layui/css/layui.css">
  <link rel="stylesheet" href="../dist/lib/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="../dist/css/main.css">
</head>
<body>
<!-- header start -->
<div class="course-details-header set-fixed">
  <div class="s-fl">
    <a class="go-back s-fl" href="e-online-detail-catalog.html"></a>
    <div class="h-title s-thide s-fl">领取2019开工开课红红包领取2019开工开课红红包</div>
    <div class="info-bar s-fl">
      <a href="javascript:;" class="js-store-btn" data-id="1" data-store="0"><i class="icon icon-store"></i>收藏</a>
      <a href="javascript:;" class="js-share-btn"><i class="icon icon-share"></i>分享</a>
    </div>
  </div>
  <ul class="nav-list s-fr">
    <li class="list-item"><a href="#">下载APP</a></li>
    <li class="list-item list-item-after">
      <a href="m-news.html" class="user-news active">消息</a>
      <a href="m-online-course.html">个人中心</a>
    </li>
    <li class="list-item item-user">
      <span class="user-name">黑眼圈圈</span>
      <span class="user-head">
        <img src="../dist/images/user_head.png" alt="">
         <span class="user-exit">
            <a href="#" class="link-exit"><i class="icon-exit"></i>退出</a>
          </span>
      </span>
    </li>
  </ul>
</div>
<!-- header start-->

<!-- content start-->
<div class="study-main">
  <!-- 侧边栏 -->
  <div class="course-sidebar-layout set-fixed">
    <dl>
      <dd class="js-open-chapter">
        <i class="icon icon-chapter"></i>
        <span>章节</span>
      </dd>
    </dl>
  </div>
  <div class="course-sidebar-list set-fixed">
    <div class="course-catalog-item">
      <div class="chapter-head">
        <span class="s-fl s-thide chapter-title">第1章：</span>
        <span class="s-fl s-thide chapter-name">Taro的基本介绍</span>
      </div>
      <div class="section">
        <a href="#" class="section-link">
          <span class="s-fl s-icon s-icon-1" title="正文"></span>
          <span class="s-fl s-thide section-title">第1节：</span>
          <span class="s-fl s-thide section-name">（正文）Taro多端框架开篇介绍Taro多端框架开篇介绍</span>
          <span class="s-fl s-thide section-time ">（11:04）</span>
          <span class="s-fr">已完成</span>
        </a>
      </div>
      <div class="section">
        <a href="#" class="section-link">
          <span class="s-fl s-icon s-icon-2" title="测试"></span>
          <span class="s-fl s-thide section-title">第1节：</span>
          <span class="s-fl s-thide section-name">（测试）Taro多端框架开篇介绍Taro多端框架开篇介绍</span>
          <span class="s-fl s-thide section-time ">（11:04）</span>
          <span class="s-fr">已完成</span>
        </a>
      </div>
      <div class="section">
        <a href="javascript:;" class="section-link">
          <span class="s-fl s-icon s-icon-1" title="正文"></span>
          <span class="s-fl s-thide section-title">第2节：</span>
          <span class="s-fl s-thide section-name">（正文）Taro多端框架开篇介绍Taro多端框架开篇介绍</span>
          <span class="s-fl s-thide section-time ">（11:04）</span>
          <span class="s-fr color-green">正在学习</span>
        </a>
      </div>
      <div class="section">
        <a href="javascript:;" class="section-link">
          <span class="s-fl s-icon s-icon-2" title="测试"></span>
          <span class="s-fl s-thide section-title">第2节：</span>
          <span class="s-fl s-thide section-name">（测试）Taro多端框架开篇介绍Taro多端框架开篇介绍</span>
          <span class="s-fl s-thide section-time ">（11:04）</span>
          <span class="s-fr color-orange">未完成</span>
        </a>
      </div>
      <div class="section isLocked">
        <a href="javascript:;" class="section-link">
          <span class="s-fl s-icon s-icon-1" title="正文"></span>
          <span class="s-fl s-thide section-title">第3节：</span>
          <span class="s-fl s-thide section-name">（正文）Taro多端框架开篇介绍Taro多端框架开篇介绍</span>
          <span class="s-fl s-thide section-time ">（11:04）</span>
          <span class="s-fr color-orange"></span>
        </a>
      </div>
      <div class="section isLocked">
        <a href="javascript:;" class="section-link">
          <span class="s-fl s-icon s-icon-2" title="测试"></span>
          <span class="s-fl s-thide section-title">第3节：</span>
          <span class="s-fl s-thide section-name">（测试）Taro多端框架开篇介绍Taro多端框架开篇介绍</span>
          <span class="s-fl s-thide section-time ">（11:04）</span>
          <span class="s-fr color-orange"></span>
        </a>
      </div>
    </div>
    <div class="course-catalog-item">
      <div class="chapter-head">
        <span class="s-fl s-thide chapter-title">第2章：</span>
        <span class="s-fl s-thide chapter-name">Taro的基本介绍</span>
      </div>
      <div class="section isLocked">
        <a href="javascript:;" class="section-link">
          <span class="s-fl s-icon s-icon-1" title="正文"></span>
          <span class="s-fl s-thide section-title">第1节：</span>
          <span class="s-fl s-thide section-name">（正文）Taro多端框架开篇介绍Taro多端框架开篇介绍</span>
          <span class="s-fl s-thide section-time ">（11:04）</span>
          <span class="s-fr color-orange"></span>
        </a>
      </div>
      <div class="section isLocked">
        <a href="javascript:;" class="section-link">
          <span class="s-fl s-icon s-icon-2" title="测试"></span>
          <span class="s-fl s-thide section-title">第1节：</span>
          <span class="s-fl s-thide section-name">（测试）Taro多端框架开篇介绍Taro多端框架开篇介绍</span>
          <span class="s-fl s-thide section-time ">（11:04）</span>
          <span class="s-fr color-orange"></span>
        </a>
      </div>
    </div>
  </div>
  <!-- 测试区域 -->
  <div class="course-test-wrap">
    <div class="container">
      <div class="ctw-head">
        <span class="clock time-data" data-time="180000">倒计时：<strong>00:00:00</strong></span>
      </div>
      <div class="ctw-body">
        <form class="layui-form">
          <div class="question-item">
            <div class="item-type"><strong>单选题</strong>（共1题，共2分）</div>
            <!-- 题目列表 -->
            <div class="item-modular">
              <div class="item-title">1.在银行的资产负债表中，客户存款属于（  ）<span class="s-score">2.0分</span></div>
              <ul class="item-list">
                <li>
                  <input type="radio" name="question_1_1" value="A" title="A . 资产" lay-filter="answer">
                </li>
                <li>
                  <input type="radio" name="question_1_1" value="B" title="B . 权益" lay-filter="answer">
                </li>
                <li>
                  <input type="radio" name="question_1_1" value="C" title="C . 资金" lay-filter="answer">
                </li>
                <li>
                  <input type="radio" name="question_1_1" value="D" title="D . 负债" lay-filter="answer">
                </li>
                <li>
                  <input type="radio" name="question_1_1" value="E" title="E . 其它" lay-filter="answer" data-type="other">
                </li>
                <li class="other-answer layui-hide">
                  <input type="text" name="question_1_1t" class="answer-input" maxlength="20">
                  <span class="answer-count">0/20</span>
                </li>
              </ul>
            </div>
          </div>
          <div class="question-item">
            <div class="item-type"><strong>多选题</strong>（共1题，共2分）</div>
            <!-- 题目列表 -->
            <div class="item-modular">
              <div class="item-title">1.掩星是一种天文现象，指一个天体在另一个天体与观测者之间通过而产生的遮蔽现象。科学家经常借助观察这一现象来判断星体是否有大气层。当行星掩过遥远恒星，如果恒星变得模糊之后才消失，那么可以认为（  ）<span class="s-score">2.0分</span></div>
              <ul class="item-list">
                <li>
                  <input type="checkbox" name="question_2_1a" lay-skin="primary" lay-filter="answer" value="A" title="A . 该行星有稠密的大气层">
                </li>
                <li>
                  <input type="checkbox" name="question_2_1b" lay-skin="primary" lay-filter="answer" value="B" title="B . 该恒星有稠密的大气层 ">
                </li>
                <li>
                  <input type="checkbox" name="question_2_1c" lay-skin="primary" lay-filter="answer" value="C" title="C . 该行星无大气层或大气层稀薄">
                </li>
                <li>
                  <input type="checkbox" name="question_2_1d" lay-skin="primary" lay-filter="answer" value="D" title="D . 该恒星无大气层或大气层稀薄">
                </li>
                <li>
                  <input type="checkbox" name="question_2_1e" lay-skin="primary" lay-filter="answer" data-type="other" value="E" title="E . 其它">
                </li>
                <li class="other-answer layui-hide">
                  <input type="text" name="question_2_1t" class="answer-input" maxlength="20">
                  <span class="answer-count">0/20</span>
                </li>
              </ul>
            </div>
          </div>
          <div class="question-item">
            <div class="item-type"><strong>填空题</strong>（共1题，共2分）</div>
            <!-- 题目列表 -->
            <div class="item-modular">
              <div class="item-title">李白《将进酒》<span class="question-num">1</span>，但愿长醉不复醒”表现了对奢侈腐败的否定；杜甫《登高》<span class="question-num">2</span>，潦倒新停浊酒杯”抒发了备尝艰难之苦，国难家愁难以排遣之情；姜夔《扬州慢》“过春风十里”寄寓了对昔盛今衰的感慨；苏轼《赤壁赋》“自其</div>
              <ul class="item-list">
                <li>
                  <div class="q-tk">
                    <span class="tk-num">1</span>
                    <input type="text" name="question_3_1" lay-verify="required" class="answer-input" maxlength="40">
                    <span class="answer-count">0/40</span>
                  </div>
                </li>
                <li>
                  <div class="q-tk">
                    <span class="tk-num">2</span>
                    <input type="text" name="question_3_2" lay-verify="required" class="answer-input" maxlength="40">
                    <span class="answer-count">0/40</span>
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <div class="s-tc question-btn">
            <button class="layui-btn layui-btn-normal layui-btn-radius js-btn-sub" lay-submit lay-filter="testForm">提交试卷</button>
            <button class="layui-hide js-auto-sub" lay-submit lay-filter="testForm2">提交试卷</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<!-- content end-->

<!-- footer start-->
<div class="footer-warp">
  <div class="footer-nav">
    <a href="#">关于我们</a>
    <a href="#">联系我们</a>
    <a href="#">帮助中心</a>
    <a href="javascript:;" class="ewm-link">
      <span>订阅号</span>
      <div class="ewm-box">
        <p>扫描二维码关注<br>iLeader微信服务号</p>
        <img src="../dist/images/ewm.png" alt="">
      </div>
    </a>
  </div>
  <div class="copyright">京ICP证030173号-1   京网文【2013】0934-983号     ©2019Baidu</div>
</div>
<!-- footer end-->
<script src="../dist/lib/jquery.min.js"></script>
<script src="../dist/lib/vue.min.js"></script>
<script src="../dist/lib/layui/layui.js"></script>
<script src="../dist/lib/nicescroll/jquery.nicescroll.min.js"></script>
<script src="../dist/js/popup_all.js"></script>
<script src="../dist/js/c_course.js"></script>
<script src="../dist/js/c_online_test.js"></script>
</body>
</html>